import React from 'react';
import { Row, Col } from 'reactstrap';

import {Money, People, Tickets, AdvancedTickets} from './icons';
import {connect} from "react-redux";
import {tabInfoActions} from "../../../../redux/eventDetail/tabInfo/actions";
import {onlyNumbersKeypress} from '../../../../helpers/utils';
import BlockIndicatorGuarantee from './BlockIndicatorGuarantee';
import BlockIndicator from './BlockIndicator';


const EventIndicators = props => {
    return (
        <React.Fragment>
            <Row className="event-indicators">
              <BlockIndicator title='Гонорар' data={guarantee} icon={Money}/>
              <BlockIndicator title='Прибыль' data={earnMoneyData} icon={People}/>
              <BlockIndicator title='Гостевые билеты' data={guestTicketCountData} icon={Tickets}/>
              <BlockIndicator title='Проданных билетов' data={salesTicketCountData} icon={AdvancedTickets}/>
            </Row>
        </React.Fragment>
    );
};

const mapStateToProps = state => ({
    financesData: state.FinancesReducer.data,
    financesCostMoney: state.FinancesReducer.cost_money,
    guestList: state.TabGuestListReducer.guestList,
    ticketsList: state.TabTicketsReducer.ticketsList,
    eventInfoData: state.EventInfoReducer,
});
const mapDispatchToProps = dispatch => ({
    actions: tabInfoActions(dispatch),
});

export default connect(mapStateToProps, mapDispatchToProps)(EventIndicators);
